<template lang="pug">
  .home
    vheader
    banner(:listImg='listImg')
      .swiper-pagination.swiper-pagination-white
    vcontent(title='美食菜单')
    vpicture(:thumbs='thumbs')
    vcontent(title='健康养生')
    smallpicture(:smallthumbs='smallthumbs')
    vcontent(title='猜你喜欢')
    swiperpicture(:listImg='listImg')
      .swiper-button-prev.swiper-button-black
      .swiper-button-next.swiper-button-black
    


</template>
<script>
import Header from '@/components/Header'
import Banner from '@/components/Banner'
import Content from '@/components/Content'
import Picture from '@/components/Picture'
import Smallpicture from '@/components/Smallpicture'
import Swiperpicture from '@/components/Swiperpicture'


import a from 'static/img/banner1.jpg'
import b from 'static/img/banner2.jpg'
import c from 'static/img/banner3.jpg'
import d from 'static/img/banner4.jpg'
import e from 'static/img/banner5.jpg'

export default {
  name: 'home',
  components:{
    vheader: Header,
    banner: Banner,
    vcontent: Content,
    vpicture: Picture,
    smallpicture: Smallpicture,
    swiperpicture: Swiperpicture,
    

  },
  data() {
    return {
      listImg: [
        {url:a}, 
        {url:b}, 
        {url:c}, 
        {url:d}, 
        {url:e}],
      thumbs: [
        {},{},{}
      ],
      smallthumbs: [{},{},{},{}],
      swiperImg: [{},{},{},{}],
      
      
    }
  },
}
</script>
<style lang="scss" scoped>

</style>


